<template>
	<view class="bigbox">
		<view class="title">
			{{titleItem}}
		</view>
		<view class="inputbox">
			<input type="text" value="" :placeholder="placeholderItem" @blur="shuru"/>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			titleItem:{type:String,default:''},
			placeholderItem:{type:String,default:''}
		},
		methods:{
			shuru(e){
				this.$emit("shuruitem",e.detail.value)
			}
		}
	}
</script>

<style scoped lang="less">
	.bigbox{
		display: flex;
		align-items: center;
		margin-left: 33rpx;
		margin-bottom: 60rpx;
		.title{
			font-size: 26rpx;
			color: #000000;
			width: 104rpx;
			text-align: justify;
			margin-top: 10rpx;
			line-height: 5rpx;
		}
		.title:after{
			  content:"";
			  display:inline-block;
			  width:100%;
		}
		.inputbox{
			border-bottom:1rpx solid #999999;
			margin-left: 35rpx;
			padding: 10rpx;
			box-sizing: border-box;
			width: 547rpx;
		}
	}
</style>
